huxn-webdev - HTMLify profile
files of /huxn-webdev/HTML-CSS-JavaScript-100-Projects/53. CSS Clip Path Animation/
app.js
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/53. CSS Clip Path Animation/app.js
let pos = document.documentElement;
pos.addEventListener("mousemove", (e) => {
pos.style.setProperty("--1", e.clientX + "px")
pos.addEventListener("mousemove", (e) => {
pos.style.setProperty("--1", e.clientX + "px")
index.html
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/53. CSS Clip Path Animation/index.html
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta nam
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta nam
jonatan-pie-3l3RwQdHRHg-unsplash.jpg
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/53. CSS Clip Path Animation/jonatan-pie-3l3RwQdHRHg-unsplash.jpg
Media file
style.css
/huxn-webdev/HTML-CSS-JavaScript-100-Projects/53. CSS Clip Path Animation/style.css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
}
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
}
body {